<template>
  <div>
    <!-- 父子组件初次渲染时执行顺序
    父 beforeCreate ==》 父 created ==》 父 beforeMount ==》子 beforeCreate ==》 子  created ==》 子 beforeMount ==》子 mounted ==》 父 mounted 

    卸载呢？
     -->
    <!-- 父 beforeDestroy ==》 子 beforeDestroy ==》子 destroyed ==》父 destroyed -->

  </div>

</template>

<script>
export default {
  beforeCreate() {
    console.log("子 创建之前");
  },
  created() {
    console.log("子 实例创建成功");
  },
  beforeMount() {
    console.log("子 视图层渲染之前");
  },
  mounted() {
    console.log("子 视图层渲染成功");
  },
  beforeUpdate() {
    console.log("子 数据更新之前");
  },
  updated() {
    console.log("子 数据更新之后");
  },
  beforeDestroy() {
    console.log("子 实例销毁之前");
  },
  destroyed() {
    console.log("子 实例销毁之后");
  },
};
</script>

<style>
</style>